<div class="produce flex_column flex_space_between">
  <div>
    <div class="member_button">
      <button id="member_button_add" (click)=addStaff()><i class="fa fa-pencil-square-o"></i>新增</button>
      <button id="mosifyContent" style="width:120px;" (click)=modifyStaffIntro()><i class="fa fa-edit"></i>修改团队文本</button>
      <!--<button id="modifySort" (click)=modifySort()><i class="fa fa-sort-numeric-asc"></i>修改排序</button>-->
      <!--<button class="member_delete" (click)=deleteProduce()><i class="fa fa-trash"></i>删除</button>-->
    </div>
    <div style="margin-top:30px;" *ngIf="showAddStaff">
      <div class="form-group">
        <label for="staffName">员工姓名:</label>
        <input [(ngModel)]="staffInfo.staffName" class="form-control" type="text" id="staffName" name="staffName" placeholder="员工姓名">
      </div>
      <div class="form-group">
        <label for="staffJob">员工职位:</label>
        <input [(ngModel)]="staffInfo.job" class="form-control" type="text" id="staffJob" name="staffJob" placeholder="员工职位">
      </div>
      <div class="form-group">
        <label>员工图片:</label>
        <!--<input class="form-control" type="file" id="staffImg" name="staffImg">-->
        <!--<input style="display: none" type="file" id="file1" name="ffff" value="12345"/><br/>-->
        <div class="file-input-unique">
          <p class="input-container">
            上传图片
            <input (change)="imageUploadChange()" type="file" id="file1" accept="image/*">
          </p>
          <span id="name">{{imageUploadUnique?.photoName}}</span>
        </div>

        <!--<input type="button" id="" value="上传" (click)="unload()"/>-->
      </div>
      <div class="form-group">
        <button (click)="staffSubmit()" class="btn btn-primary btn-sm">保存</button>
        <button (click)="staffClose()" class="btn btn-primary btn-sm">关闭</button>
      </div>
    </div>
    <div class="loadingOutbox" [@flyIn]="active">
      <table class="table table-bordered table-hover">
        <thead>
        <tr>
          <td *ngFor="let thead of theads">{{thead}}</td>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let staffInfo of staffInfoLists,let i=index">
          <td>{{staffInfo.staffName}}</td>
          <td>{{staffInfo.job}}</td>
          <td>
            <button (click)="editStaff(staffInfo.id)" class="btn btn-primary btn-sm">修改</button>
            <button (click)="deleteStaff(staffInfo.id)" class="btn btn-primary btn-sm">删除</button>
          </td>
        </tr>
        </tbody>

      </table>
      <div class="loading" *ngIf="showLoading">
        <h4>loading...</h4>
      </div>
    </div>


    <!--设置添加产品的html-->
    <div class="confirm_delete" *ngIf="showDeleteConfirm">
      <div class="confirm_div">
        <div class="confirm_part1 flex flex_row flex_space_between">
          <div>信息</div>
          <span class="fa fa-times-circle" (click)="closeConfirm()"></span>
        </div>
        <div class="confirm_part2">
          <p>确定执行？</p>
        </div>
        <div class="confirm_part3">
          <button class="confirm_sure" (click)="deleteProduceSure()">确定</button>
          <button class="confirm_concel" (click)="closeConfirm()">取消</button>
        </div>
      </div>
    </div>

    <form class="modalControl" *ngIf="showBoolean">
      <app-modal [comeFromShowImageUpload]="showImageUpload" [showUniqueTitle]="teamAdvantageUnique"
                 [comeMultipleRichtext]="onlyOne" [introduceFromText]="richText"
                 (booleanFromModal)="comeFromModalBoolean($event)">
        <div class="modalHeader">
          <h4>修改团队优势页面文本</h4>
        </div>
        <!--<div class="modalInput">-->
          <!--<div class="form-group">-->
            <!--<label for="title1">发布文章内容标题</label>-->
            <!--<input name="title1" id="title1" [(ngModel)]="inputValue.articleTitle" (blur)="newsTitle($event)" type="text" class="form-control">-->
          <!--</div>-->
        <!--</div>-->
      </app-modal>
    </form>
  </div>
</div>




















<!--&lt;!&ndash;设置修改团队介绍页面&ndash;&gt;-->
<!--<form #imageIntro *ngIf="show" id="show" (submit)="onSubmit(imageIntro.value)">-->
  <!---->
  <!--<app-modal [comeMultipleRichtext]="onlyOne" [introduceFromText]="richText" [showUniqueTitle]="teamAdvantageUnique"-->
             <!--(booleanFromModal)="comeFromModalBoolean(event)"-->
             <!--[imagesFromParent]="teamAdvantageImage"-->
             <!--[teamAdvantageFromParent]="teamAdvantageToModel"-->
             <!--[comeFromShowImageUpload]="showImageUpload"-->
  <!--&gt;-->
    <!--<div class="modalHeader">-->
      <!--<h4>修改团队介绍</h4>-->
    <!--</div>-->
    <!--<div class="modalInput">-->
      <!--<div class="form-group">-->
        <!--<label for="image1">图片一:</label>-->
        <!--<input id="image1" name="image1" type="file" class="form-control">-->
        <!--<label for="textIntro1"></label>-->
        <!--<textarea class="form-control" name="textIntr1" id="textIntro1" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image2">图片二:</label>-->
        <!--<input id="image2" name="image2" type="file" class="form-control">-->
        <!--<label for="textIntro2"></label>-->
        <!--<textarea class="form-control" name="textIntr2" id="textIntro2" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image3">图片三:</label>-->
        <!--<input id="image3" name="image3" type="file" class="form-control">-->
        <!--<label for="textIntro3"></label>-->
        <!--<textarea class="form-control" name="textIntr2" id="textIntro3" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image4">图片四:</label>-->
        <!--<input id="image4" name="image4" type="file" class="form-control">-->
        <!--<label for="textIntro4"></label>-->
        <!--<textarea class="form-control" name="image4" id="textIntro4" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image5">图片五:</label>-->
        <!--<input id="image5" name="image5" type="file" class="form-control">-->
        <!--<label for="textIntro5"></label>-->
        <!--<textarea class="form-control" name="image5" id="textIntro5" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image6">图片六:</label>-->
        <!--<input id="image6" name="image6" type="file" class="form-control">-->
        <!--<label for="textIntro6"></label>-->
        <!--<textarea class="form-control" name="image6" id="textIntro6" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image7">图片七:</label>-->
        <!--<input id="image7" name="image7" type="file" class="form-control">-->
        <!--<label for="textIntro7"></label>-->
        <!--<textarea class="form-control" name="image7" id="textIntro7" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="image8">图片八:</label>-->
        <!--<input id="image8" name="image8" type="file" class="form-control">-->
        <!--<label for="textIntro8"></label>-->
        <!--<textarea class="form-control" name="image8" id="textIntro8" cols="10" rows="3"></textarea>-->
      <!--</div>-->
      <!---->
      <!--<div class="form-group">-->
        <!--<label for="imageBig">大图片:</label>-->
        <!--<input id="imageBig" name="imageBig" type="file" class="form-control">-->
        <!--<label for="textIntroBig"></label>-->
        <!--<textarea class="form-control" name="imageBig" id="textIntroBig" cols="10" rows="3"></textarea>-->
      <!--</div>-->
    <!--</div>-->
  <!--</app-modal>-->
<!--</form>-->



